﻿#game-builder
{
    float:left;
    width: 25%;
    min-height: 400px;
    border-right: 1px solid #AFAFAF;
}

#game-board
{
    float:right;
    width: 70%;
    min-height: 400px;
    
}

#game-board table
{
margin-top:20px;    
}

#game-board td
{
    width:20px;
    height:20px;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    border: 1px solid #AFAFAF;
    padding:0;
    margin:0;
}

#table-setup td:hover
{
    cursor:pointer;
    border: 1px solid Green;
}

#table-setup td
{
    width:20px;
    height:20px;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    border: 1px solid #AFAFAF;
    padding:0;
    margin:0;
}

#table-opponent td
{
    width:20px;
    height:20px;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    border: 1px solid #AFAFAF;
    padding:0;
    margin:0;
}

#table-your td
{
    width:20px;
    height:20px;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    border: 1px solid #AFAFAF;
    padding:0;
    margin:0;
}

#table-setup td[class='none']
{
    background-color: White;
    text-align:center;
}

#table-setup td[class='acsess']
{
    background-color: Yellow;
    text-align:center;
}

#table-setup td[class='noacsess']
{
    background-color: Black;
}

#table-setup td[class='closeacsess']
{
    background-color: Aqua;
}

#table-setup td[class='ship']
{
    background-color: Green;
}



#table-your td[class='hit']
{
    background-color: Red;
}

#table-your td[class='miss']
{
    background-color: Blue;
}

#table-your td[class='none']
{
    background-color: White;
    text-align:center;
}

#table-your td[class='acsess']
{
    background-color: Yellow;
        text-align:center;
}

#table-your td[class='noacsess']
{
    background-color: Black;
}

#table-your td[class='closeacsess']
{
    background-color: Aqua;
}

#table-your td[class='ship']
{
    background-color: Green;
}


#table-opponent td[class='hit']
{
    background-color: Red;
}

#table-opponent td[class='miss']
{
    background-color: Blue;
}

#table-opponent td[class='none']
{
    background-color: White;
    text-align:center;
}

#table-opponent td[class='acsess']
{
    background-color: Yellow;
        text-align:center;
}

#table-opponent td[class='noacsess']
{
    background-color: Black;
}

#table-opponent td[class='closeacsess']
{
    background-color: Aqua;
}

#table-opponent td[class='ship']
{
    background-color: Green;
}

#table-result
{
        margin-left: 31%;
}

td#board-setup-left-panel
{
    width: 50%;
}

td#board-setup-right-panel 
{
    width: 500px;
}

#play-table
{
    width: 90%;
}

#play-table td[id='play-info']
{
    width:30%
}

#play-table td[id='play-info']
{
    width:30%
}